<?php 
include('V_Abrir_Sesion.php');
?>
<!DOCTYPE html>
<html>
<head>
<title>Inicio</title>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
<script type="text/javascript" src="js/bootstrap-tab.js"></script>
<script type="text/javascript" src="http://twitter.github.com/bootstrap/assets/js/bootstrap-tab.js"></script>
<script src="js/jquery.min.js"></script>
<link rel="stylesheet" href="css/COBEPE.css">

  <script src="http://code.jquery.com/jquery.js"></script>
    <script src="js/bootstrap.min.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
          
          $(function()
    {
      //la linea de abajo escucha cuando el form hace submit.
    $("#idForm").submit(function(e)
    {
      
    //con esta linea evitamos que se vallan los datos
    e.preventDefault();
    //obtiene el action del form
     var action= $("#idForm").attr("action");
      //se hace un array para meter los valores del form
    var form_data= 
    {  
            V_Fecha1:$("#V_Fecha1").val(),
            V_Fecha2:$("#V_Fecha2").val()
         };

     $.ajax({
     type:"POST",
     url:action,
     data:form_data,
     success: function(responde)
     {  
    /*Los mensajes que se muestras aqui estan en el archivo que referencia ‘action’ del form.*/
      $("#div1").html(responde);
       
     }
     });
    return false;
      });
    });
    });
  </script>
</head>
<body>
	<script src="http://code.jquery.com/jquery.js"></script>
  <script src="js/bootstrap.min.js"></script>
   

<!--Inicio del menu Principal -->
<center>
<div>
<nav  id="nav1" class="navbar navbar-pills navbar-fixed-center" role="navigation">

  <div class="collapse navbar-collapse navbar-ex1-collapse">

              <div class="collapse navbar-collapse">
              
                <ul class="nav navbar-nav">

<li ><a href="V_Inicio.php"><span class="glyphicon glyphicon-home"></span> Inicio</a></li>

<li class="dropdown" >
     <a href="V_Us.php" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-user"></span> Usuario</a>
     <ul class="dropdown-menu" role="menu">
            <li><a id="TxtAgregar" href="V_Us.php">Gestion de Usuarios</a></li>
            <li><a id="TxtAgregar" href="V_Per.php">Gestion de Permisos</a></li>
            </ul>
     </li>

<li ><a href="V_Car.php"><span class="glyphicon glyphicon-book"></span> Carrera</a></li>

<li  class="dropdown">
<a href="V_Est.php"class="dropdown-toggle" data-toggle="dropdown" ><span class="glyphicon glyphicon-user"></span> Estudiante</a>
     <ul class="dropdown-menu" role="menu">
            <li><a id="TxtAgregar" href="V_Est.php">Gestion de Estudiantes </a></li>
            <li><a id="TxtAgregar" href="V_EstAsis.php">Estudiantes Asistentes  </a></li>

            
            </ul>
     </li>


<li class="dropdown">

  <a href="V_Gru.php" class="dropdown-toggle" data-toggle="dropdown"> <img id="IconoBola" src="Imagenes/bola.png">
    Grupo
  </a>
  <ul class="dropdown-menu" role="menu">
    <li ><a id="TxtAgregar" href="V_Gru.php">Gestion de Grupos</a></li>
    <li ><a id="TxtAgregar" href="V_Gru_CNicoya.php">Campus Nicoya</a></li>
    <li ><a id="TxtAgregar" href="V_Gru_CLiberia.php">Campus Liberia</a></li>
    <li class="divider"></li>
    <li ><a id="TxtAgregar" href="V_Horario.php">Horario</a></li>
  </ul>
</li>

<li id="TxtAgregar" class="dropdown">

  <a href="V_Asis_Nicoya.php" class="dropdown-toggle" data-toggle="dropdown"> <span class="glyphicon glyphicon-book"></span>
    Asistencia
  </a>
  <ul class="dropdown-menu" role="menu">
      <li ><a id="TxtAgregar" href="V_Asis_Nicoya.php">Asistencia Nicoya</a></li>
    <li ><a id="TxtAgregar" href="V_Asis_Liberia.php">Asistencia Liberia</a></li>
    <!-- <li ><a id="TxtAgregar" href="V_Gru_CLiberia.php">Campus Liberia</a></li> -->
    <li class="divider"></li>
    <li ><a id="TxtAgregar" href="#">Resumen</a></li>
  </ul>
</li>

<li id="menusombra"><a href="V_Bitacora_Final.php"><span class="glyphicon glyphicon-folder-close"></span> Historial</a></li>

                </ul>

                <ul class="nav navbar-nav navbar-right">
                  <li><a href="V_Cerrar_Sesion.php"><span class="glyphicon glyphicon-cog"></span> Cerrar Sesión</a></li>
                </ul>
</div>

</div>

</nav>
</div>
</center>
<!--Cierre del Menu Principal--> 

<div class="container-fluid">
<div class="jumbotron">

    <center>
		<div style=" border-radius: 20px; height: 100px; width: 850px;" class="panel panel-danger"> <!-- cuerpo -->
        <div style="background-color: #DF3D3D; color: white; border-radius: 5px; height: 20px; width: 850px;" class="panel-heading"> <!-- cabeza -->
        <center><h4><p class="panel-title"></p></h4></center>
        </div> 

<br>      <form name="AsisNicoya" id="idForm" action="V_Filtro_Bitacora.php">
 
       <div class="form-group">
       <label class="col-lg-3  control-label" style="margin-left:-25px; margin-top:20" for="V_Fecha1"><h4>Del:</h4></label>
       <div class="col-lg-1">
       <input type='date' name='V_Fecha1' class="form-control" id="V_Fecha1" style=" margin-left:-100px; width: 150px; padding: 2px" /> 
       </div>
       </div>

		<div class="form-group">
       <label class="col-lg-3 control-label" style="margin-left:-20px;" for="V_Fecha2"><h4>Hasta:</h4></label>
       <div class="col-lg-2">
       <input type='date' name='V_Fecha2' class="form-control" id="V_Fecha2" style="width: 150px; padding: 2px" /> 
       </div>
       </div>
    
       <input type="submit" value="Mostrar" class="btn btn-danger"style="margin-right:10px;" name='Btn_Evento_Crear'> 
 
       </div>
    </center>
</form>

<div id="div1"></div>


 </div>
 </div>




</body>
<?php 
    include('Footer.php')
  ?>
</html>